<?php include('_tpl_header.php'); ?>
<div class="box">
<div class="left">
<div class="leftad">
  <?php include('_tpl_mod_hot.php'); ?>
</div>

</div>
<div class="right">
  <div><img src="/data/images/righttop01.gif" width="724" height="18" /></div>
  <div class="box2">
  
  

<style type="text/css">

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 10px solid darkred;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}

</style>

<div id="slide"></div>



<!--
<?php 
$i = 1;
foreach ($list as $k => $row){?>

    <div class="box3">
      <ul>
        <li style="height:210px;vertical-align:middles;"><table border="0" cellspacing="0" height="210" style="margin:0 auto;"><tr><td valign="middle" style="text-align:center;"><a href="/product/list"><img src="/data/images/nav/<?php echo $row['file']; ?>" width="210" /></a></td></tr></table></li>
        <li class="box3bottom"><a href="/product/list" class="white2"><b><?php echo $row['sn']?></b>&nbsp;(<?php echo $row['size']; ?>)</a></li>
      </ul>
    </div>
    <?php if($i%3==0){?>
    <div class="clear"></div>
    <?php } ?>
<?php 
	$i++;
} 
?>
-->
     
<div class="clear"></div>
  </div>
  <div><img src="/data/images/rightbottom01.gif" width="724" height="13" /></div>
</div>
<div class="clear"></div>
<div><img src="/data/images/bottom.gif" width="1001" height="19" /></div>
</div>
<script>
window.open('/notice','notice' , 'height=400, width=350');
</script>
<?php include('_tpl_footer.php'); ?>
<script type="text/javascript">

var mygallery=new simpleGallery({
	wrapperid: "slide", //ID of main gallery container,
	dimensions: [700, 500], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
		["/data/images/nav/001.jpg", "", "_new", ""],
		["/data/images/nav/002.jpg", "", "_new", ""],
		["/data/images/nav/003.jpg", "", "_new", ""],
		["/data/images/nav/004.jpg", "", "_new", ""]
	],
	autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
		//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//Keyword "this": references current gallery instance
		//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
		//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
	}
})

</script>